
Ext.onReady(function() {
	
	//按钮颜色切换
	$('.login, .clearForm').append('<span class="hover"></span>').each(function() {
		var $span = $('> span.hover', this).css('opacity', 0);
		$(this).hover(function() {
			$span.stop().fadeTo(500, 1);
		}, function() {
			$span.stop().fadeTo(500, 0);
		})
	});
	
	new Ext.form.FormPanel({
		id: 'extForm',
		baseCls: 'x-plain',
		width: 400,
		labelAlign: 'right',
		defaults: {xtype: 'textfield', width: 200, allowBlank: false},
		items: [
			{fieldLabel: '名称', name: 'name'},
			{fieldLabel: '密码', name: 'password', inputType: 'password'}
		],
		renderTo: 'form'
	});
	
	$('.login').click(function() {		//提交保存
		if(Ext.getCmp('extForm').getForm().isValid()) {
			Ext.getCmp('extForm').getForm().submit({
				url: '/szpxt-beta/login_login',
				success: function(form, action) {
					$('#messageFalse').hide();		//提示信息
					$('#messageRight').show();
					$('#messageRightText').text('登录成功！请等待跳转......');
					
					document.location = '/szpxt-beta/main/home.jsp';
				},
				failure: function() {
					$('#messageRight').hide();		//提示信息
					$('#messageFalse').show();
					$('#messageFalseText').text('登录失败，名称或密码错误！');
				}
			});
		}
	})
	
	$('.clearForm').click(function() {
		Ext.getCmp('extForm').getForm().reset();	//清空
		Ext.getCmp('extForm').getForm().clearInvalid();
	})
	
	$('#messageRight, #messageFalse').each(function() {
		$(this).click(function() {
			$(this).hide();
		})
	})
})